﻿
    .sysMenu li
    {
        display: block;
        min-width: 80px;
        height: 24px;
        float: left;
        position: relative;
        padding-top: 3px;
        
    }
    .hidden-topmenu
    {
        background-color: #FFF;
        border: 1px solid #dbdbdb;
        display: none;
        position: absolute;
        z-index: 192;
        list-style-type: none;
        left:-1px;
        width: 155px;
        -webkit-border-radius: 3px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius: 3px;
        -moz-border-radius-topleft: 0;
        border-radius: 3px;
        border-top-left-radius: 0;
    }

    .HaveSubmenu .hidden-topmenu {
        top: 24px;
    }

    .ViewWebsite.hidden-topmenu {
        top: 23px;
    }

    .hidden-topmenu li
    {
        display: block;
        position: relative;
        width: 155px;
    }
    .hidden-topmenu li a
    {
        color: #686868;
    }
    .hidden-topmenu li:hover a
    {
        color: #fff;
    }
    .hidden-topmenu li:hover
    {
        background-color: #24C2CE;
    }
       
    .perMenuItem
    {
        display: block;
        height: 20px;
        margin-left: 10px;
    }
    #ReportingChart
    {
        display: block;
    }
    .HaveSubmenu, .ViewWebsite
    {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;    
    }

    .HaveSubmenu:after
    {
        background: none repeat scroll 0 0 #FFFFFF;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 24px;
        width: 100px;
        z-index: 1000;
    }
    .ViewWebsite:after
    {
        background: none repeat scroll 0 0 #FFFFFF;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 23px;
        width: 112px;
        z-index: 1000;
    }
    .HaveSubmenu, .ViewWebsite
    {
        background: none;
        height:0px;        
    }

    .HaveSubmenu ul, .ViewWebsite ul {
        margin:0;
        padding:0;
    }

    .HaveSubmenu:hover, .ViewWebsite:hover {
        border-top: 1px solid #dbdbdb !important;
        border-left: 1px solid #dbdbdb !important;
        border-right: 1px solid #dbdbdb !important;
        border-bottom: 1px solid #fff !important;
        display: block;
        height: 22px;
        z-index: 193;
        text-align: left;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .HaveSubmenu:hover .hidden-topmenu, .ViewWebsite:hover .hidden-topmenu {
        display:block;
    }
    .dropdown-menu li {
        clear:both !important;
        padding-top:0 !important;
        height: 26px !important;
        float:none !important;
    }
    .ViewWebsite {
        width:92px;
    }

    .boder_menu {
    min-width: 1023px;
    width: 100%;
    background-color:#1799a3;
    border-bottom: solid 1px #14848d;
}
#menu {
    display: block;
    float: none;
    height: 39px;
    line-height: 39px;
    margin: auto;
}
#menu ul {
    float: left;
    list-style: none outside none;
    margin-left:20px;
}
#menu ul li {
    float: left;
    position: relative;
}
#menu ul li ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    line-height: normal;
    margin: 0;
    padding: 0;
}
#menu ul li ul li {
    width: 100%;
}
#menu ul li a {
    background-image: url("../Images/icon_sub.gif");
    background-position: right center;
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: 38px;
    line-height: 38px;
    margin-right: 12px;
    padding: 0 15px 0 6px;
}
#menu li:hover a, #menu li.current a {
    background-image: url("../Images/icon_sub.gif");
    color: #FFFFFF;
    text-decoration:none;
}
#menu li {
    margin: 0 4px 0 0;
    padding-bottom: 3px;
}
#menu li:hover {
    background-color:#20AEB9;
}
#menu li ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #20aeb9;
    border-color: #00ABC9 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: medium none;
    border-style: none;
    border-width: 3px medium medium;
    /*box-shadow: 5px 5px 0 #D9D9D9;*/
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 240px;
    z-index: 100;
}
#menu li ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    line-height: normal;
    padding: 0;
}
#menu li ul li a, #menu li:hover ul li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #41bbc4;
    color: #FFFFFF;
    margin: 0 12px;
    font-size:14px;
    padding-left:10px;
}

#menu li ul li a {
    padding: 0;
}
.m_icon {
    float: left;
    padding: 12px 5px 0 0;
    text-align: center;
    width: 23px;
}
#menu li:hover, #menu li.current {
    background-image: url("../Images/menu_hover.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
}
#menu li ul li:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#menu li:hover ul {
    display: block;
}
#menu li ul li a:hover {
    border-bottom-color:#1799a3;
}
#menu li ul li:hover {
    background: #1799a3;
    border: medium none;
}
#menu li ul li.last a {
    border: medium none;
}
#menu .MenuText i {
    font-size:16px;
}
#menu .MenuText i.icon-shopping-cart, #menu .MenuText i.icon-gift, #menu .MenuText i.icon-globe, #menu .MenuText i.icon-signin {
    font-size:18px;
}